{include file="public/header" /}

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <!-- Panel Other -->
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>用户列表</h5>
            </div>
            <div class="ibox-content">
                <!--搜索框开始-->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="col-sm-2" style="width: 100px">
                            <div class="input-group">
                                <a href="{:url('userAdd')}"><button class="btn btn-outline btn-primary" type="button">添加用户</button></a>
                            </div>
                        </div>
                        <form name="admin_list_sea" class="form-search" method="post" action="{:url('index')}">
                            <div class="col-sm-3">
                                <div class="input-group">
                                    <input type="text" id="key" class="form-control" name="key" value="{$val}" placeholder="输入需查询的用户名" />
                                    <span class="input-group-btn"> 
                                    <button type="submit" class="btn btn-primary"><i class="fa fa-search"></i> 搜索</button> 
                                </span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <!--搜索框结束-->
                <div class="hr-line-dashed"></div>

                <div class="example-wrap">
                    <div class="example">
                        <table class="table table-bordered table-hover">
                            <thead>
                                <tr class="long-tr">
                                    <th>ID</th>
                                    <th>用户名称</th>
                                    <th>用户角色</th>
                                    <th>所属组织</th>
                                    <th>登录次数</th>
                                    <th>上次登录ip</th>
                                    <th>上次登录时间</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <script id="list-template" type="text/html">
                                {{# for(var i=0;i
                                <d.length;i++){ }} <tr class="long-td">
                                    <td>{{d[i].id}}</td>
                                    <td>{{d[i].username}}</td>
                                    <td>{{d[i].rolename}}</td>
                                    <td>{{d[i].orgname}}</td>
                                    <!-- <td>
                                    <img src="/uploads/face/{{d[i].portrait}}" class="img-circle" style="width:35px;height:35px" onerror="this.src='/static/admin/images/head_default.gif'"/>                                  
                                </td> -->
                                    <td>{{d[i].loginnum}}</td>
                                    <td>{{d[i].last_login_ip}}</td>
                                    <td>{{d[i].last_login_time}}</td>
                                    <!-- <td>
                                    {{# if(d[i].id!==1){ }}
                                        {{# if(d[i].status==1){ }}
                                            <a class="red" href="javascript:;" onclick="user_state({{d[i].id}});">
                                                <div id="zt{{d[i].id}}"><span class="label label-info">开启</span></div>
                                            </a>
                                        {{# }else{ }}
                                            <a class="red" href="javascript:;" onclick="user_state({{d[i].id}});">
                                                <div id="zt{{d[i].id}}"><span class="label label-danger">禁用</span></div>
                                            </a>
                                        {{# } }}
                                    {{# } }}
                                </td> -->
                                    <td>
                                        {{# if(d[i].id!==1){ }}
                                        <a href="javascript:;" onclick="userEdit({{d[i].id}})" class="btn btn-primary btn-outline btn-xs">
                                            <i class="fa fa-paste"></i> 编辑</a>&nbsp;&nbsp;
                                        <a href="javascript:;" onclick="userDel({{d[i].id}})" class="btn btn-danger btn-outline btn-xs">
                                            <i class="fa fa-trash-o"></i> 删除</a>

                                        {{# } }}
                                    </td>
                                    </tr>
                                    {{# } }}
                            </script>
                            <tbody id="list-content"></tbody>
                        </table>
                        <div id="AjaxPage" style=" text-align: right;"></div>
                        <div id="allpage" style=" text-align: right;"></div>
                    </div>
                </div>
                <!-- End Example Pagination -->
            </div>
        </div>
    </div>
    <!-- End Panel Other -->
    </div>

    <!-- 加载动画 -->
    <div class="spiner-example">
        <div class="sk-spinner sk-spinner-three-bounce">
            <div class="sk-bounce1"></div>
            <div class="sk-bounce2"></div>
            <div class="sk-bounce3"></div>
        </div>
    </div>

    {include file="public/footer" /}

    <script type="text/javascript">
        //laypage分页
        Ajaxpage();

        function Ajaxpage(curr) {
            var key = $('#key').val();
            $.getJSON('{:url("User/index")}', {
                page: curr || 1,
                key: key
            }, function(data) {
                $(".spiner-example").css('display', 'none'); //数据加载完关闭动画 
                if (data == '') {
                    $("#list-content").html('<td colspan="20" style="padding-top:10px;padding-bottom:10px;font-size:16px;text-align:center">暂无数据</td>');
                } else {
                    var tpl = document.getElementById('list-template').innerHTML;
                    laytpl(tpl).render(data, function(html) {
                        document.getElementById('list-content').innerHTML = html;
                    });
                    laypage({
                        cont: $('#AjaxPage'), //容器。值支持id名、原生dom对象，jquery对象,
                        pages: '{$allpage}', //总页数
                        skip: true, //是否开启跳页
                        skin: '#1AB5B7', //分页组件颜色
                        curr: curr || 1,
                        groups: 3, //连续显示分页数
                        jump: function(obj, first) {
                            if (!first) {
                                Ajaxpage(obj.curr)
                            }
                            $('#allpage').html('第' + obj.curr + '页，共' + obj.pages + '页');
                        }
                    });
                }
            });
        }

        //编辑用户
        function userEdit(id) {
            location.href = './userEdit/id/' + id + '.html';
        }

        //删除用户
        function userDel(id) {
            lunhui.confirm(id, '{:url("userDel")}');
        }

        //用户状态
        function user_state(id) {
            lunhui.status(id, '{:url("user_state")}');
        }

        function news_cate(id) {
            location.href = './index_news_cate/id/' + id + '.html';
        }

        //
        function del_news_cate(id) {
            location.href = './index_del_news_cate/id/' + id + '.html';
        }

        //
        function article_cate(id) {
            location.href = './index_article_cate/id/' + id + '.html';
        }

        //
        function del_article_cate(id) {
            location.href = './index_del_article_cate/id/' + id + '.html';
        }
    </script>
</body>

</html>